<script>
export default {
  name: 'Breadcrumb',
  functional: true, // 开启函数式组件 只有开启了才有context参数
  render: (h, context) => {
    // h--创建虚拟dom的  context -- 获取组件的一些数据
    // context.slots()可以拿到当前组件的插槽内的虚拟dom 它是一个数组
    const vnodeArr = []
    context.slots().default.forEach((item, index, arr) => {
      vnodeArr.push(item)
      // 为了去掉最后一个icon图标
      if (arr.length - 1 !== index) {
        vnodeArr.push(h('i', { class: 'el-icon-arrow-right' }))
      }
    })
    return h('span', {}, vnodeArr)
  }
}
</script>

<style lang="scss" scoped></style>
